<lv-transfer
  #transfer
  class="custom-transfer"
  [lvSourceColumns]="source.cols"
  [lvSourceData]="source.data"
  [lvSourceSelection]="source.selection"
  [lvTargetColumns]="target.cols"
  [lvOperateTemplate]="[sourceOperateTpl, targetOperateTpl]"
  (lvStateChange)="stateChange($event)"
  (lvChange)="change($event)"
></lv-transfer>

<ng-template #sourceOperateTpl let-data let-selecetd="selection" let-paginator="paginator" let-panel="panel">
  <lv-group lvGutter="8px">
    <button lv-button lvType="link" (click)="selectCurrentPage(selecetd, panel)">全选本页</button>
    <button lv-button lvType="link" (click)="selectAll(data, panel)">全选所有</button>
  </lv-group>
</ng-template>

<ng-template #targetOperateTpl let-data let-paginator="paginator" let-panel="panel">
  <lv-group lvGutter="8px">
    <button lv-button lvType="link" (click)="clearCurrentPage(panel)">移除本页</button>
    <button lv-button lvType="link" (click)="clearAll(data, panel)">移除全部</button>
  </lv-group>
</ng-template>
